<template>
  <router-view></router-view>
</template>

<script setup>
// import { ElMessage } from "element-plus";
import { useRouter } from "vue-router";
import { onMounted, ref } from "vue";
const debounce = (fn, delay) => {
  let timer;
  return (...args) => {
    if (timer) {
      clearTimeout(timer);
    }
    timer = setTimeout(() => {
      fn(...args);
    }, delay);
  };
};
const ab = ref();

const router = useRouter();

const _ResizeObserver = window.ResizeObserver;
window.ResizeObserver = class ResizeObserver extends _ResizeObserver {
  constructor(callback) {
    callback = debounce(callback, 200);
    super(callback);
  }
};

const mobile = () => {
  const widthH5 = window.innerWidth;
  if (widthH5 < 500) {
    localStorage.setItem("mobile", false);
  } else {
    localStorage.setItem("mobile", true);
  }
};

window.addEventListener("popstate", (e) => {
  ab.value = e;
  router.back();
});

onMounted(() => {
  mobile();

  // setInterval(function () {
  //   check();
  // }, 1000);
  // var check = function () {
  //   function doCheck(a) {
  //     if (("" + a / a)["length"] !== 1 || a % 20 === 0) {
  //       (function () {})["constructor"]("debugger")();
  //     } else {
  //       (function () {})["constructor"]("debugger")();
  //     }
  //     doCheck(++a);
  //   }
  //   try {
  //     doCheck(0);
  //   } catch (err) {
  //     console.log();
  //   }
  // };
  // check();

  // // 【第二种】禁用右键 （防止右键查看源代码）
  // window.οncοntextmenu = function () {
  //   return false;
  // };

  // //【第三种】在本网页的任何键盘敲击事件都是无效操作 （防止F12和shift+ctrl+i调起开发者工具）
  // window.onkeydown =
  //   window.onkeyup =
  //   window.onkeypress =
  //     function () {
  //       window.event.returnValue = false;
  //       return false;
  //     };

  // //【第四种】如果用户在工具栏调起开发者工具，那么判断浏览器的可视高度和可视宽度是否有改变，如有改变则关闭本页面
  // var h = window.innerHeight,
  //   w = window.innerWidth;
  // window.onresize = function () {
  //   if (h != window.innerHeight || w != window.innerWidth) {
  //     window.location = "https://www.baidu.com";
  //   }
  // };

  // //【第五种】监视DOM修改
  // /*好吧，你的开发者工具是单独的窗口显示，不会改变原来网页的高度和宽度，
  //        但是你只要修改页面元素我就重新加载一次数据,让你无法修改页面元素（不支持IE9以下浏览器）*/
  // if (window.addEventListener) {
  //   window.addEventListener(
  //     "DOMCharacterDataModified",
  //     function () {
  //       window.location.reload();
  //     },
  //     true
  //   );
  //   window.addEventListener(
  //     "DOMAttributeNameChanged",
  //     function () {
  //       window.location.reload();
  //     },
  //     true
  //   );
  //   window.addEventListener(
  //     "DOMCharacterDataModified",
  //     function () {
  //       window.location.reload();
  //     },
  //     true
  //   );
  //   window.addEventListener(
  //     "DOMElementNameChanged",
  //     function () {
  //       window.location.reload();
  //     },
  //     true
  //   );
  //   window.addEventListener(
  //     "DOMNodeInserted",
  //     function () {
  //       window.location.reload();
  //     },
  //     true
  //   );
  //   window.addEventListener(
  //     "DOMNodeInsertedIntoDocument",
  //     function () {
  //       window.location.reload();
  //     },
  //     true
  //   );
  //   window.addEventListener(
  //     "DOMNodeRemoved",
  //     function () {
  //       window.location.reload();
  //     },
  //     true
  //   );
  //   window.addEventListener(
  //     "DOMNodeRemovedFromDocument",
  //     function () {
  //       window.location.reload();
  //     },
  //     true
  //   );
  //   window.addEventListener(
  //     "DOMSubtreeModified",
  //     function () {
  //       window.location.reload();
  //     },
  //     true
  //   );
  // }
});
</script>
